<template>
	<div>
		<div class="tab-content">
			<el-tabs v-model="activeGameType">
				<el-tab-pane
					:label="$t('dxn.game_rule.texas_poker')"
					name="texasPoker"
				></el-tab-pane>
				<el-tab-pane
					:label="$t('dxn.game_rule.short_card')"
					name="shortCard"
				></el-tab-pane>
			</el-tabs>
		</div>

		<div class="game-container">
			<TabFeeConfig
				v-if="activeGameType === 'texasPoker'"
				:basicConfigType="17"
				:interactiveConfigType="59"
				:lookHandConfigType="65"
				:anteRangeStartName="texasPokerAnteRangeStartName"
			/>

			<TabFeeConfig
				v-else
				:basicConfigType="18"
				:interactiveConfigType="60"
				:lookHandConfigType="66"
				:anteRangeStartName="shortCardAnteRangeStartName"
			/>
		</div>
	</div>
</template>

<script>
import { routerNames } from '@/utils/consts'
import TabFeeConfig from './components/TabFeeConfig'
export default {
	name: routerNames.feeConfig,
	components: { TabFeeConfig },
	data() {
		return {
			activeGameType: 'texasPoker',
			texasPokerAnteRangeStartName: '大盲(>)',
			shortCardAnteRangeStartName: '前注(>)'
		}
	}
}
</script>

<style lang="scss" scoped>
.tab-content {
	margin: 5px 16px 0px 34px;
}
.text-click {
	color: #409eff;
	cursor: pointer;
}
</style>
